<template>
  <div>
    <!-- 无传参, 通过形参直接接收 -->
    <a
      @click="oneFn"
      href="http://www.baidu.com"
    >不要跳转到百度</a>
    <br><br>
    <!-- 传参, 通过$event指代事件对象传给事件处理函数 -->
    <a
      @click="twoFn(10, $event)"
      href="http://www.baidu.com"
    >不要跳转到百度2</a>
  </div>
</template>

<script>
export default {
  // 函数/方法放 methods 结构中
  methods: {
    oneFn(e) {
      // 通过事件对象阻止默认行为
      e.preventDefault();
    },
    // 传参, 第二个参数接收传递的 $event 事件对象
    twoFn(number, e) {
      console.log(number);
      console.log(e);
      e.preventDefault();
    },
  },
};
</script>

<style>
</style>